<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 <link type="text/css" rel="stylesheet" media="all" href="../css/plugin.css"/>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
.ex-plugin-content-window a{
	text-decoration: none;
}
.ex-plugin-content-window a:hover{
	text-decoration: underline;
}

.ex-plugin-info-title, .ex-plugin-info-title a{
	float: left;
	font-size: 22px;
	color: black;
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 30px;
	max-width: 570px;
	padding:5px; 
}

.ex-plugin-info-float-block{
	float: left;
	display: block;
	width: 150px;
	height: 40px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.ex-plugin-content-window .p1{
	color: #989A94;
	text-align: left;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ex-plugin-content-window .p2 ,.ex-plugin-content-window .p2 a{
	text-align: left;
	color: #403E3C;
	line-height: 18px;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.ex-plugin-content-window .p3{
	padding-left:5px;
	font-size: 10px;
	color: #B8BAB4;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(40.0495,116.286);
var myOptions = {
	zoom: 2,
	center: latlng,
	streetViewControl: false,
	zoomControl: false,
	mapTypeControl: false,
	mapTypeId: google.maps.MapTypeId.ROADMAP 
};
var mapdiv = document.getElementById("map_canvas");
var map = new google.maps.Map(mapdiv, myOptions);
var marker = new google.maps.Marker({map: map, position:
map.getCenter()});
google.maps.event.addListener(marker, 'click', function() {
	mapdiv.style.display = 'none';
});
infowindow.open(map, marker);
}

</script>
</head>
<body onload="initialize()">
<div class="ex-plugin-popup-window ex-plugin-popup-window-after-load" style="display:block">
<div class="ex-plugin-map-window" id="map_canvas"></div>
<div class="ex-plugin-content-window">
	<div class="ex-plugin-info-title">
	<a href="http://data.worldbank.org/country/cn">China</a>
	</div>
	<div style="clear:both"></div>
	<div class="ex-plugin-info-float-block">
	<div class="p1">Regin</div>
	<div class="p2"><a href="http://data.worldbank.org/region/EAP">East Asia & Pacific</a></div>
	</div>
	<div class="ex-plugin-info-float-block">
	<div class="p1">Income level</div>
	<div class="p2">Lower middle income</div>
	</div>
	<div class="ex-plugin-info-float-block">
	<div class="p1">GDP(current US$)</div>
	<div class="p2"><a href="http://data.worldbank.org/indicator/SI.POV.NAHC/countries/CN?display=graph">$4,985,460,000,000</a><span class="p3">2009</span></div>
	</div>
	<div class="ex-plugin-info-float-block">
	<div class="p1">Population, total</div>
	<div class="p2"><a href="http://data.worldbank.org/indicator/SI.POV.NAHC/countries/CN?display=graph">$4,985,460,000,000</a><span class="p3">2009</span></div>
	<div class="p2">1,331,460,000<span class="p3">2009</span></div>
	</div>
	<div class="ex-plugin-info-float-block">
	<div class="p1">Life expectancy at birth</div>
	<div class="p2"><a href="http://data.worldbank.org/indicator/SI.POV.NAHC/countries/CN?display=graph">$4,985,460,000,000</a><span class="p3">2009</span></div>
	</div>
	<div class="ex-plugin-info-float-block">
	<div class="p1">Environment CO2 emissions </div>
	<div class="p2"><a href="http://data.worldbank.org/indicator/SI.POV.NAHC/countries/CN?display=graph">$4,985,460,000,000</a><span class="p3">2009</span></div>
	</div>
</div>
</div>
</body>
</html>
